<head>
	<!--<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery.maskedinput.js" ></script>-->
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
	
	
	<script>
		
		function eliminar_foto()
		{
			
			if ($('#imagen_edit').attr('src') != '/BackEndRecursosHumanos/app/webroot/img/blank.png')
			{
				var val = confirm("Desea quitar la foto seleccionada?");
			
				if (val)
				{
					$("#ArticuloFotoArticuloChar").val("");
					$('#ArticuloFotoArticulo').val("");
	              	$('#imagen_edit')
	                        .attr('src','/BackEndRecursosHumanos/app/webroot/img/blank.png')
	                        .width(200)
	                        .height(200);
				}
			}
			
			
		};
		function readURL(input)
		{
		      if (input.files && input.files[0])
              {
                   var reader = new FileReader();
                   reader.onload = function (e)
	                  {
	                        $('#imagen_edit')
	                        .attr('src',e.target.result)
	                        .width(200)
	                        .height(200);
	                        var dir = $("#ArticuloFotoArticulo").val().split('\\');
	                        $("#ArticuloFotoArticuloChar").val(dir[2]);  
	                        $("#ArticuloFotoArticuloValorImg").val(e.target.result);
	                         
	                  };
                   reader.readAsDataURL(input.files[0]);
               }

		};
	</script>
	<script>
		
		$(function () 
		{
			  $.mask.definitions['h'] = "[A-Za-z0-9]";
			  $.mask.definitions['p'] = "[0-9]";
			  $("#ArticuloCodigoArticulo").mask("hhhhhhh-ppppppp");
		});
		
	</script>
	
	<script>
		setTimeout(function() 
			{
				$('#flashMessage').fadeOut('slow');
			}, 10000);
		
		
	</script>

	
</head>
<body>
	<legend>Editar Artículo</legend>
	<?php echo $this->Session->flash() ?>
		<a onclick="showConsult();" href="#">
		<img src="/BackEndRecursosHumanos/app/webroot/img/button_back.png" alt="your image" width="30px" height="30px" />
		<br />	
		<lable>Regresar</label>
	</a>
	<br />
	<br />
	<center>
		<?php echo $this->Form->create("Articulo",array(
															'type' => 'file',
															'onsubmit' => 'editArticulo('.$articulos[0]['A']['id'].')'));


		?>
		<table style ="width: 100%">
			<tr>
				<td>
					<center>
						<fieldset>
							<legend><b>Informacion General del Artículo</b></legend>
							<center>
								<table style ="width: 100%" >
									<tr>
										<td>
											<center>
												<?php 
														echo $this->Form->input('id',array(
																									'type' => 'hidden',
																									'value' => $articulos[0]['A']['id']
																							)
												 						 );
																		 
																		
																		 
																		 
														echo $this->Form->input('codigo_articulo',array(
																						'label' => 'Codigo del Articulo',
																						'style' => array('width: 27%; text-transform: uppercase; text-align: center'),
																						'onBlur'=> 'this.value=this.value.toUpperCase()',
																						'value' => $articulos[0]['A']['codigo_articulo']
																				   )
									 						 ); 
												?>
												<label>Nota:</label>
												
												<label>El primer septeto del codigo es alfanumérico y el segundo es numérico.</label>
												
												<label>Ej: N2K12K1-0123456</label>
											</center>
										</td>
									</tr>
									
									<tr>
										<td>
											<center>
												<?php 
													
													echo $this->Form->input('nombre_articulo',array(
																									'label' => 'Nombre del articulo',
																									'value' => $articulos[0]['A']['nombre_articulo']
																							   )
												 						 ); 
												?>
											</center>
											
										</td>
									</tr>
									
									<tr>
										<td>
											<center>
												<?php
																
														echo $this->Form->input('tipo_articulo_id', array(
																								            'options' => array($tipoarticulo),
																								            'value' => $articulos[0]['TA']['id'],
																											'label' => 'Tipo de Articulos'
																									   )
																			   );
												?>
											</center>
										
										</td>
									</tr>
									
									
									<tr>
										<td>
											<center>
												<?php 	echo $this->Form->label('Descripcion del Articulo');
													echo $this->Form->textarea('descripcion_articulo', array(
																												'value' => $articulos[0]['A']['descripcion_articulo'],
																												'class' => 'text_area'
																											)
																				); 
										   	 ?>
											</center>
											
										</td>
									</tr>
									<tr>
										<td>
											<center>
												<?php 
													echo $this->Form->input('foto_articulo_char',array(
																											'type' => 'hidden',
																											'label' => 'Direccion de la Foto',
																											'value' => $articulos[0]['A']['foto_articulo']
			
																					  						)
																			);
											
													echo $this->Form->input('foto_articulo',array(
																											'type' => 'file',
																											'label' => 'Direccion de la Foto',
																											'accept' => 'image/*',
																											'onchange' => 'readURL(this);'
																						
																					  						)
																			);
													echo $this->Form->input('foto_articulo_dir', array(
																											'type' => 'hidden'
																										)
																			);
													echo $this->Form->input('foto_articulo_viejo', array(
																											'type' => 'hidden',
																											'value' => $articulos[0]['A']['foto_articulo']
																										)
																			);
													echo $this->Form->input('foto_articulo_valor_img', array(
																												'type' => 'hidden',
																												
																											)
																			);
												?>	
											</center>		 				
										</td>
									</tr>	
								</table>
							</center>
						</fieldset>
					</center>
				</td>
				<td>
					<center>
						<fieldset>
							<legend><b>Imagen del Artículo</b></legend>
							<center>
								<table>
									<tr>
										<td>
											
												<center>
											<?php 
												if($articulos[0]['A']['foto_articulo'] == "")
												{
													echo '<img id="imagen_edit" src="/BackEndRecursosHumanos/app/webroot/img/blank.png" alt="your image" style="width: 200px; height: 200px"/>';
												}
												else 
												{
													echo '<img id="imagen_edit" src="/BackEndRecursosHumanos/app/webroot/files/articulo/foto_articulo/'.$articulos[0]['A']['id'].'/'.$articulos[0]['A']['foto_articulo'].'" alt="your image" style="width: 200px; height: 200px"/>';	
												}
											?>
											</center>
										
										</td>
									</tr>
									<tr>
										<td style="text-align: center">
											<center>
												Eliminar Foto del Articulo Seleccionado <img src="/BackEndRecursosHumanos/img/delete.png" onclick="eliminar_foto();" alt="CakePHP" style="cursor: pointer">
											</center>
										</td>
									</tr>
									
									
								</table>
							</center>
						</fieldset>
					</center>				
				</td>
			</tr>
		</table>
		<?php
		if ($errors)
		{
		?>
		<div class="input text required error" style ="width: 50%">
	    	<center>
				 	Cantidad de Errores Encontrados en el Formulario: <b><?php echo count($errors); ?></b>
		    		<br />
		    		<table style="color: #9E2424">
				    	<tr>
				    		<td>
				    			<center>
				    				<b>Campo</b>
				    			</center>
				    		</td>
				    		<td>
				    			<center>
				    				<b>Error</b>
				    			</center>
				    		</td>
				    	</tr>
				    	
				    	<?php 
				    		foreach ($errors as $error) 
				    		{
						?>
						<tr style="background-color: #FFDACC;">
							<td>
								<center>
									<?php
										echo $error['campo'];
									?>
								</center>
							</td>
							<td>
								<center>
									<?php
										echo $error['error'];
									?>
								</center>
								
							</td>
						</tr>
						<?php
							}
				    	?>
				    	
				    </table>
	
	    	</center>
    	</div>
    	<?php
    	}
    	?>
	    
		
		<?php 
			/*echo $this->Form->button('Guardar',array(
		  												'class' => 'boton_regular',
		  												'type' => 'button',
														'onclick' => 'editArticulo('.$articulos[0]['A']['ID'].')',
		  												'label' => array(
		  																	'display: none:'
																		)
		  											)
									);*/
			echo $this->Form->end('Guardar'); 
		?>
	</center>
</body>